<template lang="html">
  <div class="aside-container">
    <div class="aside">
      <el-row class="tac">
        <el-col :span="8">
          <el-menu  class="el-menu-vertical-demo" theme="dark">
            <el-menu-item index="2"><router-link to="/backend/index/article">文章列表</router-link></el-menu-item>
            <el-menu-item index="2"><router-link to="/backend/index/menu-container">菜单</router-link></el-menu-item>
            <el-menu-item index="2"><router-link to="/backend/index/upload-picture">上传照片</router-link></el-menu-item>
          </el-menu>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
@import "~common/sass/variable.scss";
@import "~common/sass/mixin.scss";
.aside-container {
    width: 220px;
    background: $bg-login;
    overflow: hidden;
    .aside {
        @include hidden-scroll();
        .add-menu {
            width: 100%;
            justify-content: center;
            align-items: center;
            display: flex;
            margin: 20px 0 20px 8px;
            button {
                width: 180px;
                height: 40px;
            }
        }
    }
}
a{
  display: block;
}
</style>
